﻿@model PageVM
@{
    ViewBag.Title = Model.Title;
}
@section header{    
    <meta name="keywords" content="@Model.Keyword" />
    <meta name="description" content="@Model.Description" />
}

<!-- banner start -->
<section class="banner banner-about"></section>
<!-- banner end -->

<div class="container mb30">
    <div class="row">
        <aside class="col-md-3">
            <div class="leftbox left_nav">
                <header class="title">
                    <h3>公司概况</h3>
                </header>
                <nav class="aboutNav">
                    @Html.Partial("_aboutNav")
                </nav>
            </div>
            @Html.Action("LatestArticles","Article")       
        </aside>
        <section class="col-md-9">
            <div class="main-content">
                <header class="title">
                    <h2>@Model.Title</h2>
                </header>
                
                    @Html.Raw(Model.Body)
              
            </div>
        </section>
    </div>
</div>

@section footer{
    
    <script>
        (function () {
            $(document).ready(function () {
                var timelineAnimate;
                timelineAnimate = function (elem) {
                    return $(".timeline.animated .timeline-row").each(function (i) {
                        var bottom_of_object, bottom_of_window;
                        bottom_of_object = $(this).position().top + $(this).outerHeight() + 300;
                        bottom_of_window = $(window).scrollTop() + $(window).height();
                        if (bottom_of_window > bottom_of_object) {
                            return $(this).addClass("active");
                        }
                    });
                };
                timelineAnimate();
                return $(window).scroll(function () {
                    return timelineAnimate();
                });
            });

        }).call(this);
    </script>
    }